<template>
  <div class="about">
    <h1>This is an test page</h1>
    <button id="test">测试</button>
    <a-button v-tips="{ content: '这是一个默认提示' }">是多少</a-button>
  </div>
</template>
<script setup lang="ts">
import tippy from "tippy.js";
import { onMounted } from "vue";
import "tippy.js/themes/material.css";

onMounted(() => {
  tippy("#test", {
    content: "测试",
    placement: "bottom",
    theme: "primary",
    arrow: true, // 显示箭头
  });
});
</script>
